<template>
  <div>
    <table class="table1 owntable mb20 tableLayout" border="0" cellspacing="0" cellpadding="1" style="width: 100%;">
      <tr>
        <td width="150">中间品放行管理编号</td>
        <td>{{ item.number }}</td>
        <td width="150">放行日期</td>
        <td>{{ item.releaseDate }}</td>
      </tr>
      <tr>
        <td>生产批号</td>
        <td>{{ item.batchNumber }}</td>
        <td>放行部门</td>
        <td>{{ item.manageDeptName }}</td>
        
      </tr>
      <tr>
        <td>放行负责人</td>
        <td>{{ item.manageUserName }}</td>
        <td>编制部门</td>
        <td>{{ item.createDeptName }}</td>
      </tr>
    </table>

    <div class="mb20">中间品信息如下：</div>
    <table class="table1 owntable mb20 " border="0" cellspacing="0" cellpadding="1" style="width: 100%;" v-for="(v, i) in item.middleList" :key="i">
      <tr>
        <td class="gray_bg">中间品名称</td>
        <td class="gray_bg">中间品规格型号</td>
        <td class="gray_bg">中间品编号</td>
        <td class="gray_bg">放行数量</td>
      </tr>
      <tr>
        <td class="white_bg">{{ v.middleName }}</td>
        <td class="white_bg">{{ v.middleSku }}</td>
        <td class="white_bg">{{ v.middleNumber }}</td>
        <td class="white_bg">{{ v.middleQty }}{{v.unit}}</td>
      </tr>
    </table>
  </div>
</template>

<script>
export default {
  props: {
    item: {}
  }
};
</script>

<style></style>
